<template>
  <!-- 公共的没有数据的样式 -->
  <div class="com-noData">
    <img class="noData-icon" src="../assets/images/nolist.png" alt="">
    <div class="noData-text">{{desc}}</div>
  </div>
</template>

<script>
export default {
  name: '',
  data() {
    return {

    }
  },
  props: {
    desc: {
      type: String,
      default: "暂无订单"
    },
  },
  components: {

  }
}
</script>

<style scpoed lang="stylus">
.com-noData
  display flex
  width 100%
  justify-content center
  margin 2.7rem 0
  flex-direction column
  align-items center
  .noData-icon
    width 3.28rem
    height 2.5rem
  .noData-text
    font-size 0.42rem
    text-align center
    color #c9cccf
    margin-top 0.37rem
</style>
